*{padding: 0; margin: 0;}
body{ font-family: '微软雅黑'}
ul,li{list-style: none;}
.cf:after{content: ''; clear: both;}
.wrap{width: 1200px; margin: 0 auto;}
.header .rl{ width: 967px; float: left; text-align: center; color: #3366c1; font-size: 30px; line-height: 85px;}
.header .rr{ margin-left: -967px; overflow: hidden;}
.checkbox{ float: left; margin-left: 20px; margin-right: 20px; margin-top: 32px; cursor: pointer;}
.checkbox .box{display: inline-block;  width: 15px; height: 15px; border: 2px solid #6495ed; border-radius: 3px; vertical-align: middle;}
.checkbox-checked .box{position: relative;}
.checkbox-checked .box:after{content: ' '; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background-color: #6495ed; display: block;}
.header .counter{ float: left; margin-top: 25px;}
.main .map{ float: left; position: relative; height: 628px; width: 967px; border: 5px solid #d2d2d2;}
.main .hotmap{ }
.main .hotnet{ position: absolute; top: 0; right: 0; z-index: 1;}
.ctrl{ float: right;}

.menu{ width: 175px; }
.menu .title{ cursor: pointer; background-color: #6495ed; color: #fff; line-height: 36px; margin-bottom: 2px; border-radius: 36px 0 0 36px; padding-left: 30px; font-size: 18px;}
.menu li{ cursor: pointer; margin-bottom: 2px; margin-left: 40px; line-height: 36px; background-color: #d2d2d2; border-radius: 36px 0 0 36px; padding-left: 30px; font-size: 14px;}

.tl{ text-align: center; margin-top: 40px;}

.hotarea{ position: absolute; top: 216px; left: 585px; width: 53px; height: 53px; background-color: red; display: block; z-index: 1; opacity: 0; border-radius: 50%;}

.mapOfPoper{ display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1000; width: 730px; min-height: 450px; background-color: #fff; border: 3px solid #6495ed; padding: 0 20px;}
.mapOfPoper .tab{ border-bottom: 1px solid #6495ed; line-height: 57px; margin-bottom: 20px;}
.mapOfPoper .tab span{ font-size: 18px; display: inline-block; margin-right: 20px; cursor: pointer;}
.mapOfPoper .tab .current{color:#6495ed; background: url(img/arr.jpg) no-repeat center bottom;}
.mapOfPoper .close{ position: absolute; right: 20px; top: 15px;}
